<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>Sistr Side by Side Test</title>
		<script type="text/javascript" src="sistr.js"></script>
		<link rel="stylesheet" type="text/css" href="side-by-side.css" />
	</head>

	<body>
		<div id="normal">
			<h1>Side by Side</h1>

			<h2>The <span style="color: #669933">same</span> HTML code!</h2>

			<a href="http://fortes.com/" class="sampleLink">Hyperlinks work too!</a>

			<h4 class="imageback">Transparent Backgrounds</h4>

			<p>You can also use the built-in fonts, but get <em>anti-aliased</em> <strong>rendering</strong>.</p>
		</div>

		<div id="sistr">
			<h1 class="sistr-replace">Side by Side</h1>

			<h2 class="sistr-replace">The <span style="color: #669933">same</span> HTML code!</h2>

			<a href="http://fortes.com/" class="sistr-replace sampleLink">Hyperlinks work too!</a>

			<h4 class="sistr-replace imageback">Transparent Backgrounds</h4>

			<p class="sistr-replace">You can also use the built-in fonts, but get <em>anti-aliased</em> rendering.</p>
		</div>
		
		<p id="fontCredit"><a href="http://apostrophiclab.pedroreina.net/0028-Colwell/colwell.html">Colwell</a>, <a href="http://apostrophiclab.pedroreina.net/0030-Fontcop/fontcop.html">FontCop</a>, <a href="http://apostrophiclab.pedroreina.net/0042-Erinal/erinal.html">Erinal</a>, and <a href="http://apostrophiclab.pedroreina.net/0158-Scriptina/scriptina.html">Scriptina</a> courtesy of Apostrophic Labs.</p>
	</body>
</html>
